<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <base href="">
    <title>风Pay支付平台</title>

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <link rel="shortcut icon" href="/favicon.ico"/>
    <link rel="bookmark" href="/favicon.ico"/>

    <script src="http://cdn.bootcss.com/jquery/1.12.0/jquery.min.js"></script>
    <!--<link href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap-theme.css" rel="stylesheet">
    <script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.js"></script>-->
    <link href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
    <script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <!-- smoke  begin -->
    <link href="http://cdn.bootcss.com/smokejs/3.1.1/css/smoke.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script src="http://cdn.bootcss.com/smokejs/3.1.1/js/smoke.js"></script>
    <!-- smoke js end -->

    <link href="css/generalStyle.css" rel="stylesheet">


    <!-- 二维码 begin -->
    <script type="text/javascript" src="http://static.runoob.com/assets/qrcode/qrcode.min.js"></script>
    <!-- 二维码 end -->



    <style type="text/css">
        .ma_content{
            text-align: center;
        }

        .ma_content .pay_totle{
            font-size: 20px;
        }
        .ma_content .wepayAmount{
            font-size:30px;
            vertical-align:sbu;
            color: #4eaa4c;
        }
        .ma_content .erWeiMa img{
            display:block;margin:0 auto;
        }

    </style>
</head>
<body>
<div class="container">
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container-fluid">
            <div class="navbar-header">
                <img class="title_img" alt="Brand" src="css/img/logo.png">

            </div>
            <div class="collapse navbar-collapse">
                <ul class="nav navbar-nav">

                    <li><a href="javascript:void(0)" class="nav_title1">微支付平台</a></li>
                </ul>
            </div>
        </div>
    </nav>


    <br/>
    <br/>
    <br/>
    <br/>


    <div class="panel panel-default">
        <div class="panel-body pay_body">
            <div class="row">
                <div class="col-md-12 ma_content" role="main">

                    <!-- bootstrap 样式 -->
                    <h2 class="pay_title"><span class="glyphicon glyphicon-qrcode" aria-hidden="true"></span>&nbsp;&nbsp;微信扫码支付</h2>
                    <!---->
                    <br/>
                    <p class="pay_totle">金额&nbsp;: &nbsp;&nbsp;<span id="wepayAmount" class="wepayAmount">20.12</span></p>
                    <br/>
                    <div class="erWeiMa" id="erWeiMa">

                    </div>

                </div>
            </div>
            <br/>
            <br/>
        </div>
    </div>

    <br/>
    <br/>

</div>

<script type="text/javascript">
    /**
     * 初始化二维码插件
     */
    var qrcode = new QRCode(document.getElementById("erWeiMa"), {
        width : 200,
        height : 200,
        background: "#ffffff",//背景颜色
        foreground: "#000000"  //二维码颜色
    });

    $(function(){
        qrcode.makeCode('weixin://wxpay/bizpayurl?pr=G1OGMmn');
        var img = $('#erWeiMa').find('img');
        img.css('display', null);
    })


</script>
<div class="footer">
    <div class="foot-hd">
        <span><a href="javascript:void(0)">网站地图</a>|</span>
        <span><a href="javascript:void(0)">法律声明</a>|</span>
        <span><a href="javascript:void(0)">联系我们</a>|</span>
        <span><a href="javascript:void(0)">工作机会</a></span>
    </div>
    <p>Copyright© | 2016 - 2017 | 深圳市风轮科技有限责任公司版权所有 | 深ICP证040922号</p>
</div>
</body>
</html>